<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>1</title>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 创建前 后  挂载前 后  更新前 后 销毁前 后 -->
		<div id="app">
			
		</div>
		<script type="text/javascript">
			new Vue({
				el:'#app',
				data:{
					
				},
                beforeCreate() {
                    /*创建前，未new Vue  没有vue环境*/
                },
                created() {
                    /*创建后，有vue环境  可以执行js */
                },
                beforeMount() {
                    /*页面渲染之前*/
                },
                mounted(){
                    /*页面渲染之后 页面可以看到组件样式*/
                },
                beforeUpdate() {
                    /*更新之前 data数据已更新 但是组件未更新*/
                },
                updated(){
                    /*更新之后 组件已经更新完毕 */
                },
                beforeDestroy() {
                    /*删除组件之前*/
                },
                destroyed() {
                    /*删除组件之后*/
                }
            })
		</script>
	</body>
</html>
